<!DOCTYPE html>
<html>
<head>
    <title>2.0.2</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <link rel="icon" href="data:,">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="topnav">
    <h1>配置网络</h1>
  </div>
  <div class="content">
    <div class="card-grid">
      <div class="card">
        <form action="/" method="POST">
          <p align="right">
            <label for="ssid">Wifi名</label>
            <input type="text" id ="ssid" name="ssid" value="Mars4"><br>
            <label for="pass">密码</label>
            <input type="text" id ="pass" name="pass" value="Zerolone"><br>
            
            <!--
            设备IP设置
            <input type="radio" id="ipman"  name="gen" value="1" checked><label for="ipman">手动</label>
            <input type="radio" id="ipdhcp" name="gen" value="0"><label for="ipdhcp">DHCP自动(暂无)</label>
            <br>
            -->
            
            <span id="ipmanshow">
            <label for="ip">设定IP</label>
            <input type="text" id ="ip" name="ip" value="192.168.123.123"><br>
            <label for="gateway">网关IP</label>
            <input type="text" id ="gateway" name="gateway" value="192.168.123.1"><br>
            </span>
            <label for="checkip">编号</label>
            <input type="text" id ="checkid" name="checkid" value="s124"><br>
            
            <input type ="submit" value ="提交">
          </p>
        </form>
      </div>
    </div>
  </div>
  中技云第十波
<script language="javascript">
      // 获取按钮和要隐藏的元素
      var btnShow  = document.getElementById('ipman');
      var btnHide  = document.getElementById('ipdhcp');
      var element = document.getElementById('ipmanshow');

      // 绑定点击事件
      btnShow.addEventListener('click', function() {
          element.style.display = 'block';
      });
      
      btnHide.addEventListener('click', function() {
          element.style.display = 'none';
      });      
</script>
</body>
</html>
